<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
</head>
<body>
    
    <div class="panel panel-default">
          <div class="panel-heading">
                <h1 class="panel-title">月度账单</h1>
          </div>
          <div class="panel-body">
               <div class="text-right">
                    <form action="" method="POST" class="form-inline" role="form">
    
                            <div class="form-group">
                                <label class="" for="">老人:</label>
                                <input type="text" class="form-control input-sm" id="" placeholder="老人姓名">
                            </div>
                            <div class="form-group">
                                    <label class="" for="">单据时间:</label>
                                    <input type="date" name="" id="">
                                </div>
                                
                            
                        
                            <button type="submit" class="btn btn-info btn-sm">查询</button>    <button type="button" class="btn btn-info btn-sm">全部数据</button>
                            <button type="button" class="btn btn-success btn-sm">导出</button>
                            <button type="button" class="btn btn-success btn-sm">打印</button>
                            <button type="button" class="btn btn-primary btn-lg">生成账单</button>
                        </form>
                        <div style="margin-right:50px;margin-top:30px;"><label class="" for="">月份:</label>
                        <button type="button" class="btn btn-sm btn-info">2019-1</button>
                        <button type="button" class="btn btn-sm btn-info">2019-2</button>
                        <button type="button" class="btn btn-sm btn-info">2019-3</button>
                        <button type="button" class="btn btn-sm btn-info">2019-4</button>
                        </div>

               </div>
               
               <table class="table table-bordered table-hover">
                   <thead class="text-primary  text-center">
                       <tr class="info">
                           <th>操作</th>
                           <th>收费单号</th>
                           <th>用户ID</th>
                           <th>姓名</th>
                           <th>月份</th>
                           <th>结算状态</th>
                           <th>收费日期</th>
                           <th>床位费</th>
                           <th>护理费</th>
                           <th>餐饮费</th>
                           <th>管理费</th>
                           <th>其他</th>
                           <th>总额</th>
                           <th>备注</th>
                       </tr>
                   </thead>
                   <tbody>
                       <tr>
                           <td>
                           <button type="button" class="btn btn-sm  btn-info">查看</button>
                           </td>
                           <td>1000001</td>
                           <td>2019102421</td>
                           <td>王二麻子</td>
                           <td>2019-2</td>
                           <td>结算</td>
                           <td>2019-4-3</td>
                           <td>100.00</td>
                           <td>199.00</td>
                           <td>9120.00</td>
                           <td>102.00</td>
                           <td>300.00</td>
                           <td>9920.00</td>
                           <td>测试数据</td>
                        
                       </tr>
                       <tr>
                            <td>
                            <button type="button" class="btn btn-sm  btn-info">查看</button>
                            </td>
                            <td>1000001</td>
                            <td>2019102421</td>
                            <td>王二麻子</td>
                            <td>2019-2</td>
                            <td>结算</td>
                            <td>2019-4-3</td>
                            <td>100.00</td>
                            <td>199.00</td>
                            <td>9120.00</td>
                            <td>102.00</td>
                            <td>300.00</td>
                            <td>9920.00</td>
                            <td>测试数据</td>
                         
                        </tr>
                        <tr>
                                <td>
                                <button type="button" class="btn btn-sm  btn-info">查看</button>
                                </td>
                                <td>1000001</td>
                                <td>2019102421</td>
                                <td>王二麻子</td>
                                <td>2019-2</td>
                                <td>结算</td>
                                <td>2019-4-3</td>
                                <td>100.00</td>
                                <td>199.00</td>
                                <td>9120.00</td>
                                <td>102.00</td>
                                <td>300.00</td>
                                <td>9920.00</td>
                                <td>测试数据</td>
                             
                            </tr>
                            <tr>
                                    <td>
                                    <button type="button" class="btn btn-sm  btn-info">查看</button>
                                    </td>
                                    <td>1000001</td>
                                    <td>2019102421</td>
                                    <td>王二麻子</td>
                                    <td>2019-2</td>
                                    <td>结算</td>
                                    <td>2019-4-3</td>
                                    <td>100.00</td>
                                    <td>199.00</td>
                                    <td>9120.00</td>
                                    <td>102.00</td>
                                    <td>300.00</td>
                                    <td>9920.00</td>
                                    <td>测试数据</td>
                                 
                                </tr>
                                <tr>
                                        <td>
                                        <button type="button" class="btn btn-sm  btn-info">查看</button>
                                        </td>
                                        <td>1000001</td>
                                        <td>2019102421</td>
                                        <td>王二麻子</td>
                                        <td>2019-2</td>
                                        <td>结算</td>
                                        <td>2019-4-3</td>
                                        <td>100.00</td>
                                        <td>199.00</td>
                                        <td>9120.00</td>
                                        <td>102.00</td>
                                        <td>300.00</td>
                                        <td>9920.00</td>
                                        <td>测试数据</td>
                                     
                                    </tr>
                                    <tr>
                                            <td>
                                            <button type="button" class="btn btn-sm  btn-info">查看</button>
                                            </td>
                                            <td>1000001</td>
                                            <td>2019102421</td>
                                            <td>王二麻子</td>
                                            <td>2019-2</td>
                                            <td>结算</td>
                                            <td>2019-4-3</td>
                                            <td>100.00</td>
                                            <td>199.00</td>
                                            <td>9120.00</td>
                                            <td>102.00</td>
                                            <td>300.00</td>
                                            <td>9920.00</td>
                                            <td>测试数据</td>
                                         
                                        </tr>
                                        <tr>
                                                <td>
                                                <button type="button" class="btn btn-sm  btn-info">查看</button>
                                                </td>
                                                <td>1000001</td>
                                                <td>2019102421</td>
                                                <td>王二麻子</td>
                                                <td>2019-2</td>
                                                <td>结算</td>
                                                <td>2019-4-3</td>
                                                <td>100.00</td>
                                                <td>199.00</td>
                                                <td>9120.00</td>
                                                <td>102.00</td>
                                                <td>300.00</td>
                                                <td>9920.00</td>
                                                <td>测试数据</td>
                                             
                                            </tr>
                                            <tr>
                                                    <td>
                                                    <button type="button" class="btn btn-sm  btn-info">查看</button>
                                                    </td>
                                                    <td>1000001</td>
                                                    <td>2019102421</td>
                                                    <td>王二麻子</td>
                                                    <td>2019-2</td>
                                                    <td>结算</td>
                                                    <td>2019-4-3</td>
                                                    <td>100.00</td>
                                                    <td>199.00</td>
                                                    <td>9120.00</td>
                                                    <td>102.00</td>
                                                    <td>300.00</td>
                                                    <td>9920.00</td>
                                                    <td>测试数据</td>
                                                 
                                                </tr>

                   </tbody>
               </table>
               
          </div>
    </div>
    
</body>
</html>